<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <script type="text/javascript" src="script/script.js"></script>
        <link href="style.css" rel="stylesheet" />
        <title>Tugas Besar 1 Pemrograman Internet</title>
    </head>
    <body>
        <div id="pageNav">
        </div>
        <div id="idx_main_wrapper">            
            <div id="idx_top">                
                <div id="form_wrapper">
                    <img id="register" src="images/register.png" alt="Register!!"/>
                    <a class="link" href="#" onclick="showUploadDialog();return false;"><img alt="Upload Photo"  src="images/uploadphoto.gif" /></a>
                    <form action=""  id="tescal">
                        <div id="message_hidden"></div>
                        <div id="namediv">
                            <div class ="nameclass">Full Name</div>
                            <input type="text" id ="name" onchange="checkName()" style="width: 450px"/>
                            <div class ="message" id="name_message"></div>
                        </div>
                        <div id="usernamediv">
                            <div class ="usernameclass">User Name</div>
                            <input type="text" id="username" onchange="checkUsername()" style="width: 450px"/>
                            <div class ="message" id="username_message"></div>
                        </div>
                        <div id="passworddiv">
                            <div class ="passwordclass">Password</div>
                            <input type="password" id="password" onchange="checkPassword()" style="width: 450px"/>
                            <div class ="message" id="password_message"></div>
                        </div>
                        <div id="repeatpassworddiv">
                            <div class ="repeatpasswordclass">Repeat</div>
                            <input type="password" id="repeatpassword" onchange="checkRepeatPassword()"/>
                            <div class ="message" id="repeatpassword_message"></div>
                        </div>
                        <div id="emaildiv">
                            <div class ="emaildiv">E-mail</div>
                            <input type="text" id="email" onchange="checkEmail()"/>
                            <div class ="message" id="email_message"></div>
                        </div>
                        <div id="fotoprofildiv">
                            <div class ="fotoprofildiv">Foto Profil</div>
                            <input type="file" id="fotoprofil" onchange="checkFotoProfil()"/>
                            <div class ="message" id="fotoprofil_message"></div>
                        </div>
                        <div id="sexdiv">
                            <div class ="sexdiv">Sex</div>
                            <span class ="sexdiv">
                                <select id="sex">
                                    <option>L</option>
                                    <option>P</option>
                                </select>
                            </span>
                        </div>
                        <div id="lokasidiv">
                            <div class ="lokasidiv">Lokasi</div>
                            <input type="text" id="lokasi" onchange="checkLokasi()"/>
                            <div class ="message" id="lokasi_message" ></div>
                        </div>

                        <div id="calendarInput" style="width: 432px">
                            <div class ="lokasicalendar">Tanggal</div>
                            <input type="text" id="tesinput" name ="tesinput" style="width: 302px" />
                            <script type="text/javascript">
                                new generateCalendar(
                                {
                                    'formname':'tescal',
                                    'inputname' : 'tesinput'
                                }
                            );
                            </script>
                        </div>
                        <div>
                            <button type="submit">Submit</button>
                        </div>
                    </form>
                    <div id="validator">
                        <span>
                            <a href="http://jigsaw.w3.org/css-validator/check/referer">
                                <img style="border:0;width:88px;height:31px"
                                     src="http://jigsaw.w3.org/css-validator/images/vcss"
                                     alt="Valid CSS!" />
                            </a>
                        </span>
                        <span>
                            <a href="http://validator.w3.org/check?uri=referer"><img
                                    src="http://www.w3.org/Icons/valid-xhtml10"
                                    alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
                        </span>
                    </div>
                </div>
            </div>
            <div id="idx_bottom"></div>
        </div>
        <div id="uploadfotohidden">
            <div id="uploadhidden_wrapper">
                <form action=""  id="uploadcal">
                    <div id="big">Upload Your Photo</div>
                    <div id="upload_wrapper">
                        <div id="deskripsidiv">
                            <div class ="deskripsiclass">Deskripsi</div>
                            <input type="text" id ="deskripsi" onchange="checkDeskripsi()"/>
                            <div class ="message" id="deskripsi_message"></div>
                        </div>
                        <div id="katakuncidiv">
                            <div class ="katakunciclass">Kata Kunci</div>
                            <input type="password" id="katakunci" onchange="checkKataKunci()"/>
                            <div class ="message" id="katakunci_message"></div>
                        </div>
                        <div id="uploadfotodiv">
                            <div class ="uploadfotodiv">Upload Foto</div>
                            <input type="file" id="uploadfoto" onchange="checkUploadFoto()"/>
                            <div class ="message" id="uploadfoto_message"></div>
                        </div>



                        <input type="text" name ="uploadinput" />
                        <script type="text/javascript">
                            new generateCalendar(
                            {
                                'formname':'uploadcal',
                                'inputname' : 'uploadinput',
                                'divname'   : 'uploaddiv'
                            },{
                                'bulan' : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
                                'hari' : ['Su','Mo','Tu','We','Th','Fr','Sa'],
                                'tahun' : 30,
                                'idname' : 'id_cal2'
                            }
                        );
                        </script>
                        <!-- Just another IE BUG FIXED -__--->
                        <div><br/><button type="submit">Submit</button></div>
                        <p class="link"><a href="#" onclick="showUploadDialog()">Close</a></p>
                    </div>
                </form>
            </div>
        </div>

    </body>
</html>
